<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="keywords"
      content="星图地球,数字地球、数字地球开放平台、卫星影像、遥感影像、历史影像、影像数据、卫星地图、影像地图、影像处理、智慧农业、生态环境监测、智慧矿山、应急管理、森林防火、农业、林业、智慧违建、作物灾害监测、三维数据可视化"
    />
    <meta
      name="description"
      content="星图地球推出的数字地球开放平台，为开发者免费提供：涵盖高清卫星遥感影像、历史影像数据下载处理；一站式气象、农业、林业、水利、矿山、违建等行业领域解决方案，专业全面的应用分析"
    />
    <meta
      property="og:title"
      content="数字地球开放平台-以卫星遥感为核心的空天信息服务开放平台"
    />
    <meta
      property="og:description"
      content="星图地球推出的数字地球开放平台，为开发者免费提供：涵盖高清卫星遥感影像、历史影像数据下载处理；一站式气象、农业、林业、水利、矿山、违建等行业领域解决方案，专业全面的应用分析"
    />
    <title>404页面</title>
    <style>
      html,
      body {
        width: 100%;
        min-width: 1280px;
        height: 100%;
        min-height: 400px;
        padding: 0;
        margin: 0;
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
          'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
          'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
          'Noto Color Emoji';
        font-feature-settings: normal;
        font-variation-settings: normal;
      }
      .not-container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
      }
      .not-img {
        width: 572px;
        margin-right: 120px;
      }
      .not-detail {
        display: flex;
        flex-direction: column;
        width: 288px;
      }
      h2 {
        /** 文本1 */
        font-size: 80px;
        font-weight: 700;
        line-height: 80px;
        color: #303133;
        letter-spacing: 0;
        padding: 0;
        margin: 0;
      }
      h4 {
        margin: 38px 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        color: rgb(107, 111, 128);
        letter-spacing: 0;
      }
      .el-button {
        width: 100px;
        color: #ffffff;
        border: none;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
        height: 32px;
        white-space: nowrap;
        cursor: pointer;
        text-align: center;
        box-sizing: border-box;
        outline: 0;
        transition: 0.1s;
        font-weight: 500;
        -webkit-user-select: none;
        user-select: none;
        vertical-align: middle;
        -webkit-appearance: none;
        background-color: #3385ff;
        border-color: #3385ff;
        padding: 8px 15px;
        font-size: 14px;
        border-radius: 4px;
      }
      .el-button:hover {
        background-color: #70aaff;
      }
      a {
        width: 100px;
        color: #ffffff;
        border: none;
        display: inline-flex;
        justify-content: center;
        cursor: pointer;
        text-align: center;
        box-sizing: border-box;
        outline: 0;
        transition: 0.1s;
        font-weight: 500;
        padding: 8px 15px;
        font-size: 14px;
        text-decoration: none; /* 去除默认的下划线 */
        outline: none; /* 去除旧版浏览器的点击后的外虚线框 */
      }
    </style>
  </head>
  <body>
    <div class="not-container">
      <img
        src="https://aio-qos.geovisearth.com/getfile/24/dqyun/404Page.png"
        class="not-img"
        alt="404"
      />
      <div class="not-detail">
        <h2>404</h2>
        <h4>很抱歉，您要访问的页面地址有误，或者该页面不存在。</h4>
        <button
          type="button"
          class="el-button el-button--primary el-button--default"
        >
          <a href="/index.html">返回首页</a>
        </button>
      </div>
    </div>
  </body>
</html>
